<template>
	<view class="logoutFooter_container">
		<view @click="cancel" class="cancel">取消</view>
		<view @click="confirm" class="confirm">确认</view>
	</view>
</template>

<script>
export default {
	props: {},
	data() {
		return {};
	},
	methods: {
		cancel() {
			this.$emit('closeLogoutDialog');
		},
		confirm() {
			this.$emit('confirmLogoutDialog');
		},
	}
};
</script>
<style lang="scss" scoped>
.logoutFooter_container {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;

	.cancel,.confirm {
		color: #fff;
		width: 200rpx;
		padding: 12rpx 0;
		font-size: 24rpx;
		text-align: center;
		border-radius: 30rpx;
	}

	.cancel {
		margin-right: 20rpx;
		background-color: #767676;
	}

	.confirm {
		background-color: #507ff6;
	}
}
</style>
